<template>
  <a-modal :footer="false" title="查看反馈" :visible="visible" @ok="onOk" @cancel="cancel">
    <a-row class="title">
      <strong>{{ options.name }}</strong>
    </a-row>
    <a-row class="title">
      <a-col :span="4">
        <span class="sub_tit">身份证号</span>
      </a-col>
      <a-col :span="20">
        <span class="sub_tit">{{ options.idCard }}</span>
      </a-col>
    </a-row>
    <a-row class="title">
      <a-col :span="4">
        <span class="sub_tit">状态</span>
      </a-col>
      <a-col :span="20">{{ ["未完成", "已完成", "异常"][options.status] }}</a-col>
    </a-row>
    <a-row class="title mg_t12 content">
      <a-textarea v-model="options.remake" :disabled="footer" placeholder="反馈内容" />
    </a-row>
  </a-modal>
</template>
<script>
import { mapState } from "vuex";
export default {
  name: "FeedBack",
  props: ["options", "visible"],

  computed: {
    ...mapState(["admin"]),
    footer() {
      return this.admin.activeCompany && this.admin.activeCompany.includes("总");
    }
  },

  methods: {
    onOk() {
      this.$emit("change", { visible: false });
    },
    cancel() {
      this.$emit("change", { visible: false });
    }
  }
};
</script>

<style lang="scss" scoped>
.title {
  line-height: 32px;
}
.content {
  padding: 12px;
  background: #fafafa;
  border-radius: 6px;
}
</style>
